﻿<%@ Page Language="C#" MasterPageFile="~/MasterPages/Main.Master" AutoEventWireup="true" CodeBehind="ReporteTiempos.aspx.cs" Inherits="SistemaWeb.Paginas.ReporteTiempos" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>

<asp:Content ContentPlaceHolderID="PageTitlePlaceHolder" ID="ContTitle" runat="server">
    Reporte de Tiempos
</asp:Content>

<asp:Content runat="server" ID="contenido" ContentPlaceHolderID="MainContent">
    
    <script type="text/javascript">

        var diferencia = function(value) {
            var dif = parseInt(value, 10);
            if (dif < 0)
                return String.format('<span style="color:{0}; font-weight:bold">{1}</span>', 'red', value);
            if (dif > 0)
                return String.format('<span style="color:{0}; font-weight:bold">{1}</span>', 'blue', value);
            if (dif == 0)
                return String.format('<span style="color:{0};">{1}</span>', 'black', value);
        }
        
    </script>
    
    <ext:Store runat="server" ID="storeProyecto">
        <Reader>
            <ext:JsonReader ReaderID="id">
                <Fields>
                    <ext:RecordField Name="id" />
                    <ext:RecordField Name="nombre" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <div style="display: inline">
        <ext:Label ID="l1" runat="server" Text="Proyectos: ">
        </ext:Label>
        <ext:ComboBox ID="cboProyecto" runat="server" StoreID="storeProyecto" FieldLabel="Proyecto"
            AllowBlank="false" AutoPostBack="true" DisplayField="nombre" ValueField="id"
            TypeAhead="true" Mode="Local" ForceSelection="true" TriggerAction="All" SelectedIndex="0"
            Width="250" OnItemSelected="cboProyecto_ItemSelected" />
    </div>
    <ext:Store ID="storeGrilla" runat="server">
        <Reader>
            <ext:JsonReader ReaderID="id">
                <Fields>
                    <ext:RecordField Name="nombre" />
                    <ext:RecordField Name="fechaCreacion" />
                    <ext:RecordField Name="horasEstimadas" />
                    <ext:RecordField Name="horasReales" />
                    <ext:RecordField Name="diferencia" />
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <br />
    <ext:GridPanel ID="GridPanel1" runat="server" StoreID="storeGrilla" StripeRows="true"
        Icon="Clock" Title="Tiempos del Proyecto" TrackMouseOver="true" Width="810" Height="375">
        <ColumnModel ID="ColumnModel1" runat="server">
            <Columns>
                <ext:Column Header="Tarea" Sortable="true" DataIndex="nombre" Width="200">
                </ext:Column>
                <ext:Column Header="Fecha Creacion" Sortable="true" DataIndex="fechaCreacion" Width="100">
                </ext:Column>
                <ext:Column Header="Horas Estimadas" Sortable="true" DataIndex="horasEstimadas" Width="100">
                </ext:Column>
                <ext:Column Header="Horas Reales" Sortable="true" DataIndex="horasReales" Width="100">
                </ext:Column>
                <ext:Column Header="Diferencia" Sortable="true" DataIndex="diferencia" Width="100">
                    <Renderer Fn="diferencia" />
                </ext:Column>
            </Columns>
        </ColumnModel>
        <SelectionModel>
            <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true">
            </ext:RowSelectionModel>
        </SelectionModel>
        <LoadMask ShowMask="true" />
        <BottomBar>
            <ext:PagingToolbar ID="PagingToolBar1" runat="server" PageSize="12" StoreID="storeGrilla" />
        </BottomBar>
    </ext:GridPanel>
</asp:Content>

